<!-- *************
 *@description:下半部分第四个图表
 *@author:rennan
 *@date: 2023-07-19 16:16:58
 *@version: V1.0.0
 ************ -->
<template>
  <div id="b4_chart" style="height: 100%;"></div>
</template>

<script setup>
import {onMounted } from 'vue'
import { Bar } from '@antv/g2plot';
const data = [
  { year: '山西农大主体育场工程', value: 0 },
  { year: '太原理工一号教学楼工程', value: 52 },
  { year: '中北大学', value: 0},
  { year: '兰州理工大学', value: 145 },
  { year: '湖北大学', value: 0},
];
let options={
  data,
  xField: 'value',
  yField: 'year',
  seriesField: 'year',
  legend: {
    position: 'top-left',
  },
};
const bar=()=>{
  let b4main= new Bar(document.getElementById('b4_chart'),options)
  b4main.render();
}
onMounted(()=>{
  bar();
})
</script>

<style lang='scss' scoped></style>